@import '../../../../../../style/color.scss';
@import '../../../../../../style/font.scss';
@import "../../../../../../style/mixin.scss";
@import "../../../../../../style/domain.scss";

.dynamic-detail-body-container{

  text-align: center;
  .detail-body{

    width: 60%;
    margin:0 auto;
    text-align: left;
    >.item {
      width:100%;

      .vr_link a {
        text-decoration: solid;
        color: yellow;
      }

      .thumbnailImg {
        width: 500px;
        height: auto;
      }

      &:not(:first-child) {
        margin-top: 30px;
      }

      >span {
        font-family: $regular-font-family;
        font-size: $confirm-content-font;
        color: $normal-font-color;
        vertical-align: top;
        &:first-child {

          margin-right: 10px;
          width: 150px;
          text-align: right;
          float:left;
        }
        &:nth-child(2){
          overflow: hidden;
        }
      }
      div {
        span {

          font-family: $regular-font-family;
          font-size: $confirm-content-font;
          color: $normal-font-color;
          vertical-align: top;
        }
      }
      >div{
        font-family: $regular-font-family;
        font-size: $confirm-content-font;
        color: $normal-font-color;
        vertical-align: top;
        &:first-child {

          margin-right: 10px;
          width: 150px;
          text-align: right;
          float:left;
        }
        &:nth-child(2){
          overflow: hidden;
        }
      }
      .video-wrap {
        //  background-color: black;
        display: inline-block;
        width: 660px;
        height: 414px;
        >img{
          height:100%;
          width:100%;
        }
        .video {
          width: 100%;
          height: 414px;
        }
      }

      .audio-wrap {
        background-color: black;
        display: inline-block;
        width: 840px;
        height: 100px;
        padding-top: 40px;

        .audio {
          width: 100%;
        }
      }
      img{
        width:300px;
        height:300px;
      }
      .doc{
        color:$doc-color;
      }
    }
  }
}
